<!-- 我的已选 -->

<template>
  <div>
    <div>已选择{{ CORE.MAP.ASSET }} ({{ info.right.idList.length }}/{{ model.length }})</div>

    <el-input v-model="filter" suffix-icon="el-icon-search" :placeholder="`${CORE.MAP.ASSET}名称`" clearable />

    <WebTable v-bind="tableProps">
      <RowCheckbox :disabled="info.disabled" />
      <RowText :label="`${CORE.MAP.ASSET}名称`" bind="assetName" :minWidth="100" left />
      <RowTree :label="`${CORE.MAP.ASSET}分类`" bind="assetTypeId" :dict="$root.device_category_treeDict" left />
      <RowTree :label="`所在${CORE.MAP.REGION}`" bind="areaId" :dict="region_treeDict" :minWidth="140" allName left />
    </WebTable>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import mixChosen from '@admin/components/choose/mixChosen'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyChosen',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixChosen, CORE.mixTree('region', 'region_')],
}
</script>
